<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>User Center</title>
		<script type="text/javascript" src="../js/jquery1.7.2.js"></script>
		<link href="../css/usercenter.css" type="text/css" rel="stylesheet"/>
		 <script type="text/javascript">
		 var timer=0;
		$(function() {
		$( "#dropdown" ).mouseenter(function(){
			clearTimeout(timer);
			//alert(timer);
			$("#dropdownmenu").slideDown(200);
		});
		$("#dropdown").mouseleave(function(){
			timer = setTimeout(function(){$("#dropdownmenu").slideUp(200);},500);
		});
	});
		 </script>
	</head>

	<body>
		<div id="header">
			<div class="container">
				<a id="logo" href="#">UniversityXP</a>
				<div class="seperate"></div>
				<div id="menu">
					<ul>
						<li>
							<a href="index.html">HOME</a> 
						</li>
						<li id="dropdown">
							<a href="#" id="channel">CHANNEL</a> 
							<ul id="dropdownmenu" style="display: none;">
								<li><a href="">MARKET LIST</a></li>
								<li><a href="">ACTIVITIES</a></li>
								<li><a href="list.html">DINING</a></li>
								<li><a href="">GRADE YOUR COURSE</a></li>
								<li><a href="">COLLEGE HARMONY</a></li>
								
							</ul>
						</li>
					</ul>
				</div>
				<div class="ucenter">
						<span class="uleft"></span>
						<div class="ucbody">Welcome Jason | <a href="usercenter.html">user center</a> | <a href="#">log out</a></div>
						<span class="uright"></span>
					</div>

			</div>
		</div>
		<div class="container">
			<div class="banner">
				<div class="usermenu">
					<ul>
						<li><a href="index.html">Index</a></li>
						<li><a href="usercenterf.html">Messages(<em>3</em>)</a></li>
						<li><a href="usercenterf.html" class="selected">Marks</a></li>
						<li><a href="usercenterf.html">Favorite</a></li>
						<li><a href="usercenterf.html">Activities</a></li>
						<li><a href="usercenterf.html">Personal info</a></li>
						
					</ul>
				</div>
			</div>



		<div class="listbody" id="listbody">
			<div class="list">
				<ul class="one"><img src="img/xf.gif" width="72" height="72" /></ul>
				<ul class="two">
					<li class="tx1">Dry mashroom<span class="ts">(American)</span><span class="tel"><img src="img/tel.png" width="18" height="12" />2344890</span></li>
					<li class="tx2"><span class="ptt">Address:</span> 401 Poydras Street, New Orleans, LA</li>
					<li class="tx3"><span class="pttx">Jason</span> <img src="img/5star.gif" /></li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="img/xf.gif" width="72" height="72" /></ul>
				<ul class="two">
					<li class="tx1">Dry mashroom<span class="ts">(American)</span><span class="tel"><img src="img/tel.png" width="18" height="12" />2344890</span></li>
					<li class="tx2"><span class="ptt">Address:</span> 401 Poydras Street, New Orleans, LA</li>
					<li class="tx3"><span class="pttx">Jason</span> <img src="img/5star.gif" /></li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="img/xf.gif" width="72" height="72" /></ul>
				<ul class="two">
					<li class="tx1">Dry mashroom<span class="ts">(American)</span><span class="tel"><img src="img/tel.png" width="18" height="12" />2344890</span></li>
					<li class="tx2"><span class="ptt">Address:</span> 401 Poydras Street, New Orleans, LA</li>
					<li class="tx3"><span class="pttx">Jason</span> <img src="img/5star.gif" /></li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="img/xf.gif" width="72" height="72" /></ul>
				<ul class="two">
					<li class="tx1">Dry mashroom<span class="ts">(American)</span><span class="tel"><img src="img/tel.png" width="18" height="12" />2344890</span></li>
					<li class="tx2"><span class="ptt">Address:</span> 401 Poydras Street, New Orleans, LA</li>
					<li class="tx3"><span class="pttx">Jason</span> <img src="img/5star.gif" /></li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="img/xf.gif" width="72" height="72" /></ul>
				<ul class="two">
					<li class="tx1">Dry mashroom<span class="ts">(American)</span><span class="tel"><img src="img/tel.png" width="18" height="12" />2344890</span></li>
					<li class="tx2"><span class="ptt">Address:</span> 401 Poydras Street, New Orleans, LA</li>
					<li class="tx3"><span class="pttx">Jason</span> <img src="img/5star.gif" /></li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="list">
				<ul class="one"><img src="img/xf.gif" width="72" height="72" /></ul>
				<ul class="two">
					<li class="tx1">Dry mashroom<span class="ts">(American)</span><span class="tel"><img src="img/tel.png" width="18" height="12" />2344890</span></li>
					<li class="tx2"><span class="ptt">Address:</span> 401 Poydras Street, New Orleans, LA</li>
					<li class="tx3"><span class="pttx">Jason</span> <img src="img/5star.gif" /></li>
				</ul>
				<ul class="bar clearfix"><a href="javascript:;" class="showdetail">Revised</a> | <a href="javascript:;" class="showdetail">Delete</a></ul>
			</div>
			<div class="pagebar"><span class="current">1</span><a href="javascript:;">2</a><a href="javascript:;">3</a><span>....</span><a href="javascript:;">>Next</a></div>
		</div><!--list-->
<script type="text/javascript">
$("#listbody div.list").hover(
	function(){$(this).addClass('listhover');$(this).find(".bar").css('visibility','visible');},
	function(){$(this).removeClass('listhover');$(this).find(".bar").css('visibility','hidden');}
);
</script>

	</div>



		<div id="footer">
			<div class="container">
				<p>Igator&copy;Copyright 2012. All Rights Reserved.</p>
				<div id="social">
				<a id="facebook" href="#"></a>
				<a id="tweet" href="#"></a>
			</div>
			</div>
		</div>
	</body>
</html>
